<include file="public:header"/>

<div class="wrapper clearfix">
<script type="text/javascript">
var items_id="{$items_id}";
</script>
<script type="text/javascript">
		$(document).ready(function() {
			// Save  the jQuery objects for later use.
			var outer		= $("#preview_outer");
			var arrow		= $("#arrow");
			var thumbs		= $("#thumbs span");

			var preview_pos;
			var preview_els	= $("#preview_inner div");
			var image_height	= preview_els.eq(0).height(); // Get width of imaages
			
			// Hook up the click event
			thumbs.hover(function() {
				// Get position of current image
				preview_pos = preview_els.eq( thumbs.index( this) ).position();

				// Animate them!
				outer.stop().animate( {'scrollTop' : preview_pos.top},	500 );
				arrow.stop().animate( {'top' : $(this).position().top },	500 );
			});

			// Reset positions on load
			arrow.css( {'top' : thumbs.eq(0).position().top } ).show();
			outer.animate( {'scrollTop' : 0}, 0 );

			// Set initial width
			$("#preview_inner").css('height', preview_els.length * image_height);
		});
	</script>
<load href="__ROOT__/statics/js/jquery/plugins/jquery.masonry.min.js" />
<load href="__ROOT__/statics/js/jquery/plugins/jquery.lazyload.js" />
<div class="content">
<div class="mt15"><script language="javascript" src="{:u('advert/index', array('id'=>6))}"></script></div>
<div class="index_top  clearfix">
	<!-- position -->
</div>
<div class="item_left fl">
<div class="single_item box_shadow clearfix" style="position:relative;">
<dl class="twitter_top"><dt><a target="_blank" href="{:u('item/tao',array('id'=>$item['id']))}"><img src="__ROOT__/data/author/32_{$item.items_site.site_logo}"></a></dt><dd><span style="color:#ccc;" class="fr">{$item.add_time|date="m月 d日 H:i",###}</span><a href="{:u('item/tao',array('id'=>$item['id']))}" class="red" target="_blank">{$item.items_site.name}</a><span class="gray">分享到</span><span><a target="_blank" href="{:u('cate/index',array('cid'=>$item['items_cate']['id']))}" class="red f12">#{$item.items_cate.name}#</a></span></dd><dd class="quote_goods_title break_word">{$item.title}</dd></dl>

<script type="text/javascript">
function setMaxWidth(elementId, width){
var container = document.getElementById(elementId);
	container.style.width = (container.clientWidth > 482) ? width + "px" : "auto";
}
</script>
<div id="preview_wrap">
<div id="preview_outer">
<div id="preview_inner"><div>
<img id="bimg1" url="{:base64_encode($item['bimg'])}" class="encode_url"/><a href="{:u('item/tao',array('id'=>$item['id']))}">{$item.title}</a></div>
<script type="text/javascript">
        setMaxWidth('bimg1', 482);
</script>
</div>
</div>
</div>
<div id="thumbs"><div id="arrow"></div><span><img url="{:base64_encode($item['bimg'])}" class="encode_url" width="80" height="80"/></span></div><br><br><br><br>
<div class="clearfix" id="item_detail">
<a class="like_it" onclick="javascript:;" iid="{$item.id}">
<em id="like_num_{$item.id}">{$item.likes}</em>
</a>
<a target="_blank" href="{:u('item/tao',array('id'=>$item['id']))}" rel="nofollow" class="buy_link" >
<b>¥{$item.price} 去淘宝网购买</b><i></i>
</a>
<div class="stat-box"><span class="fl">{$item.likes}</span><span class="fr">{$item.comments}</span></div>
</div>

<div class="item_tags clearfix">
<span class="fl">宝贝标签：</span>
<volist name="item['items_tags']" id="val">
<a href="{:u('cate/tag',array('tag'=>urlencode($val['name'])))}">{$val.name}</a>
</volist>
</div>
<!-- zhekou -->
<!-- //zhekou -->
<include file="public:baidu_share"/>
<span class="fr mt15"><b class="red f14" id="comments_count">{$item.comments}</b>评论&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="clearfix"></div>



{/*----------------------------------------------评论------------------------------------------------------*/}
            <div id="items_comments" class="clearfix comments">
				<div class="arrow"></div>            		
                <textarea id="comments_box" class="comments_box" maxlength="300" def="对心爱的宝贝说几句话吧~！">
                </textarea>
                <div class="clearfix mt10">
                	<a id="comments_btn" class="comments_btn" pid="{$items_id}">评论</a>
                </div>
                <div class="list_wrap"></div>
            </div>
			{/*----------------------------------------------------------------------------------------------------*/}          
</div>

<h3 class="f16 mt15">猜你喜欢 </h3>
<div class="detail_cate_recommend mt15 clearfix">
        <volist name="siblings_cate_group" id="val" key="key" offset="0" length="3">
        <div class="box_shadow group_box <if condition="$key%3 eq 1">alpha<elseif condition="$key%3 eq 0"/>omega</if>">
			<div class="groupbg">
				<h3 class="f16 bold"><a target="_blank" href="{:u('cate/index',array('cid'=>$val['id']))}">{$val.name}</a></h3>
				<a target="_blank" href="{:u('cate/index',array('cid'=>$val['id']))}" class="mt5 cursor block g_db_bg">
                	<volist name="val.items" key="ikey" id='ival'>
					<img <if condition="$ikey%3 eq 0">style="margin-right: 0;"</if> url="{:base64_encode($ival['simg'])}"  class="pg_pic_s encode_url" />
                    </volist>
				</a>
				<div class="group_desc mt10">
					<span class="follow_red_btn tc cursor fr"><a target="_blank" href="{:u('cate/index',array('cid'=>$val['id']))}" class="white">去看看</a></span>
					<span class="share_nums gray">{$val.item_nums}个宝贝</span>
				</div>
				<div class="mt10"></div>
			</div>
		</div>
        </volist>
        </div>

<h3 class="f16 mt15">也许你还喜欢</h3>
<div class="detail_item_list infinite_scroll">
	<include file="public:goods_list"/>
</div>
<!--发现更多-->
<div class="pager">
	<div class="more tc f16">
		<samp class="fl"><a href="{:u('cate/index',array('cid'=>$item['items_cate']['id']))}" class="red">去#{$item.items_cate.name}#查看更多分享&gt;&gt;</a></samp>
		<span class="hua fl"> </span>
	</div>
</div>
</div>

<div class="item_right fr">
<div class="box_shadow group_box">
<div class="groupbg">
<h3 class="f16 bold"><a target="_blank" href="{:u('cate/index',array('cid'=>$item['items_cate']['id']))}">{$item.items_cate.name}</a></h3>
<a target="_blank" href="{:u('cate/index',array('cid'=>$item['items_cate']['id']))}" class="mt5 cursor block g_db_bg">
<volist name="this_cate_group" key="key" id='val'>
					<img <if condition="$key%3 eq 0">style="margin-right: 0;"</if> url="{:base64_encode($val['simg'])}"  class="pg_pic_s encode_url" />
                    </volist>
</a>

<div class="group_desc mt10">
<span class="follow_red_btn tc cursor fr"><a target="_blank" href="{:u('cate/index',array('cid'=>$item['items_cate']['id']))}" class="white">去看看</a></span>
<span class="share_nums gray">共有 {$item.items_cate.item_nums} 人正在浏览</span></div>
<div class="mt10"></div>
</div>
</div>
<div class="clearfix"></div>

<include file="public:finds_list"/>
</div>
</div>
        
<include file="public:footer"/>